<template>
    <fieldset>
        <legend>混入</legend>
        <button @click="click1">点击</button>
    </fieldset>
</template>
<script>
// 引入混入的对象
import mix from "../../mixins/mix"
// 混入的特性

// 1.组件的选项冲突，比较data methods这些都会被合并为一个选项，两个对象中的属性，键名冲突的时候，取组件的键值

// 2.同名的钩子函数会被合并为一个数组，并且都会被执行，在执行的是混入的钩子函数，其次在执行组件的钩子函数
export default {
    mixins:[mix],
    data() {
        return {
            msg:"混入组件"
        }
    },
    methods: {
        click1() {
            console.log("混入组件点击事件触发");
            console.log(this);
        }
    },
    mounted() {
        console.log("混入组件mounted执行了");
    }
}
</script>